header.navbar {
	margin-bottom: 20px;
}

section .left-navi {
	font-size: 14px;
	width: 200px;
	float: left;
}
section .left-navi .navi-link {
	color: #8694a0;
	border: 1px solid #e9e9e9;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: block;
	text-align: center;
	padding: 8px;
	margin-bottom: 10px;
	=webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
section .left-navi .navi-link:hover {
	background-color: #0da8db;
	border-color: #0da8db;
	color: #fff;
}
section .left-navi .module-list {
	border: 1px solid #e9e9e9;
	border-top: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	padding-bottom: 20px;
}
section .left-navi .module-list .module-title {
	color: #bbb;
	padding: 8px 5px 8px 15px;
	border-top: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
	margin-bottom: 10px;
}
section .left-navi .module-list .module-title .icon {
	float: left;
	width: 20px;
	height: 20px;
	background-image: url(../images/usercenter/icons-center-navi.png);
	background-repeat: no-repeat;
	margin: 2px 10px 0px 0;
}
section .left-navi .module-list .module-title .icon.data {
	background-position: 2px 5px;
}
section .left-navi .module-list .module-title .icon.scheme {
	background-position: 2px -14px;
}
section .left-navi .module-list .module-title .icon.user {
	background-position: 2px -34px;
}
section .left-navi .module-list .module-title .icon.cube {
	background-position: 0;
	background-image: url(../images/usercenter/icon-cube.png);
}
section .left-navi .module-list .module-link {
	color: #8694a0;
	position: relative;
	display: block;
	text-align: center;
	padding: 6px;
	margin: 5px 0;
	=webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
section .left-navi .module-list .module-link.active {
	background-color: #0da8db;
	color: #fff;
}
section .left-navi .module-list .module-link:hover:not(.active) {
	color: #3bafda;
}
section .left-navi .module-list .module-link:hover:not(.active):after {
	content: '';
	width: 5px;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background-color: #0da8db;
}
section .right-content {
	font-size: 14px;
	overflow: hidden;
	padding-left: 20px;
}


/*鏁版嵁鐢宠*/
section .right-content .apply-data-content .data-content {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
section .right-content .apply-data-content .data-content .data-name {
	border-bottom: 1px solid #ddd;
	background-color: #fbfbfb;
	padding: 15px 25px;
	padding-bottom: 30px;
}
section .right-content .apply-data-content .data-content .data-name .title {
	margin-bottom: 10px;
	color: #555e71;
}
section .right-content .apply-data-content .data-content .data-name input {
	width: 220px;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 3px 10px;
	=webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out;
}
section .right-content .apply-data-content .data-content .data-name input:focus {
	border-color: #0da8db
}

section .right-content .apply-data-content .data-content .data-type {
	padding: 15px 25px;
}
section .right-content .apply-data-content .data-content .data-type .title {
	margin: 10px auto 15px;
	color: #555e71;
}
section .right-content .apply-data-content .data-content .data-type .type-list {
	margin-right: -25px;
}
 section .right-content .apply-data-content .data-content .data-type .sub-type-list {
 	display: none;
 }
section .right-content .apply-data-content .data-content .data-type .type-list .type-tag {
	display: inline-block;
	min-width: 110px;
	background-color: #fff;
	border: 1px solid #ddd;
	line-height: 32px;
	text-align: center;
	margin: auto 25px 15px auto;
	padding: 0 8px;
	cursor: pointer;
	color: #8694a0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
section .right-content .apply-data-content .data-content .data-type .type-list .type-tag:hover, section .right-content .apply-data-content .data-content .data-type .type-list .type-tag.active {
	background-color: rgba(27,184,250,.1);
	border: 1px solid rgba(27,184,250,.7);
}
section .right-content .apply-data-content .btn-apply {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	width: 110px;
}


/*鏉冮檺鐢宠*/
section .right-content .apply-access-content {

}
section .right-content .apply-access-content .access-list-box {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
section .right-content .apply-access-content .access-list-box .title {
	color: #555e71;
	font-size: 14px;
	padding: 10px 20px;
}
section .right-content .apply-access-content .access-list-box .access-list {
	background-color: #fbfbfb;
	position: relative;
	margin: 0;
}
section .right-content .apply-access-content .access-list-box .access-list > .split {
	position: absolute;
	height: 100%;
	border-left: 1px solid #ddd;
	left: 50%;
	z-index: 1;
}
@media (max-width: 767px) {
	section .right-content .apply-access-content .access-list-box .access-list > .split {
		display: none;
	}
}
section .right-content .apply-access-content .access-list-box .access-list .access {
	border-top: 1px solid #ddd;
	padding: 15px 20px;
	min-height: 140px;
}
section .right-content .apply-access-content .access-list-box .access-list .access > .left {
	float: left;
	width: 100px;
	text-align: center;
}
.img-box {
	width: 60px;
	height: 60px;
	border: 1px solid #ddd;
    filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#fff', endColorStr='#f1f1f1', gradientType='0');
    background-image: -webkit-linear-gradient(top, #fff, #f1f1f1);
    background-image: -moz-linear-gradient(top, #fff, #f1f1f1);
    background-image: -ms-linear-gradient(top, #fff, #f1f1f1);
    background-image: -o-linear-gradient(top, #fff, #f1f1f1);
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    color: #0da8db;
    font-weight: bold;
    text-align: center;
    line-height: 56px;
    font-size: 24px;
    font-family: 妤蜂綋;
    position: relative;
}
.img-box.api:after {
	content: "API"
}
.img-box.solution:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/usercenter/icon-solution.png);
	background-repeat: no-repeat;
	background-position: center;
}
section .right-content .apply-access-content .access-list-box .access-list .access > .left .btn-apply{
	padding: 0;
	width: 100px;
	line-height: 30px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

section .right-content .apply-access-content .access-list-box .access-list .access > .right {
	overflow: hidden;
	padding-left: 20px;
}
section .right-content .apply-access-content .access-list-box .access-list .access > .right .text {
	color: #8694a0;
}


section .right-content .apply-access-content .data-list-box {
	border: 1px solid #ddd;
}
section .right-content .apply-access-content .data-list-box > .title {
	color: #555e71;
	font-size: 14px;
	padding: 10px 20px;
}

section .right-content .apply-access-content .data-list-box .img-box {
	border: none;
	background: none;
}


section .right-content .apply-access-content .data-list-box .cdsp-table > li:not(.t-head):not(.t-foot) > div:not(:last-child) {
	line-height: 54px;
}
section .right-content .apply-access-content .data-list-box .cdsp-table > li .tag-status {
	margin-top: 14px;
}
section .right-content .apply-access-content .data-list-box .btn-check {
	margin-right: 10px;
}
section .right-content .apply-access-content .data-list-box .btn-cancel {
	color: #0da8db;
}
.s-dialog .dialog-info .content {
    padding: 40px 40px 70px;
    position: relative;
}
.s-dialog .dialog-info .content .title {
	display: inline-block;
	width: 100px;
	font-size: 14px;
	color: #555e71;
	margin-bottom: 20px;
}
.s-dialog .dialog-info .content .text {
	font-size: 14px;
	color: #8694a0;
}
.s-dialog .dialog-info .content .btn-sure {
	width: 80px;
	text-align: center;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -40px;
}

/*center_apply_pending*/
.backf1{ background-color:#f1f1f1;}


section .right-content .apply-access-content .data-list-box.data-list-box-pending{ background-color:#fff; min-height:570px;}
section .right-content .apply-access-content .data-list-box.data-list-box-pending .cdsp-table > li:not(.t-head):not(.t-foot) > div:not(:last-child){ height:50px; line-height:50px; padding:0; padding-left:10px;}
section .right-content .apply-access-content .data-list-box.data-list-box-pending .cdsp-table > li:last-child{ border-bottom:1px solid #dbdbdb;}
section .right-content .apply-access-content .data-list-box.data-list-box-pending > .title{ font-size:18px; border-bottom:1px solid #ddd;}
section .right-content .apply-access-content .data-list-box.data-list-box-pending > .cdsp-table{ margin:20px;}
.left-list-pending{ min-height:570px; background-color:#fff; border:1px solid #ddd;}
.left-list-pending > h2{ margin:0; padding:0; color:#dbdbdb; height:30px; line-height:30px; font-size:14px; padding-left:30px; border-bottom:1px solid #e9e9e9;}
.left-list-pending > h3{ margin:0; padding:0; color:#8694a0; height:30px; line-height:30px; padding-left:10px; font-size:14px; cursor:pointer;}
.left-list-pending > h3 > span{ display:inline-block; width:7px; height:7px; background:url(../images/usercenter/left_list_bg.png) no-repeat 0 0; margin-right:14px;}
.left-list-pending > ul{ display:none;}
.left-list-pending > h3.active span{background:url(../images/usercenter/left_list_bg.png) no-repeat 0 -7px;}
.left-list-pending > h3.active+ul{ display:block;}
.left-list-pending > ul > li{ height:30px; line-height:30px;}
.left-list-pending > ul > li > a{ display:block; width:100%; height:100%; padding-left:30px; color:#555e71;}
.left-list-pending > ul > li > a:hover{ background-color:#0da8db; color:#fff;}
.tab-pending{padding-top:8px !important;}
.tab-pending > button{ padding:9px 8px; margin-right:4px;}
span.ck{ display:block; float:left; width:16px; height:15px; background:url(../images/usercenter/tab-pending-bg.png) no-repeat 0 0;}
span.tg{ display:block; float:left; width:16px; height:15px; background:url(../images/usercenter/tab-pending-bg.png) no-repeat 0 -15px;}
span.jj{ display:block; float:left; width:16px; height:15px; background:url(../images/usercenter/tab-pending-bg.png) no-repeat 0 -30px;}
.btn-pen-red{ background-color:#fc6e51; color:#fff !important;}
.btn-pen-blue{ background-color:#3bafda; color:#fff !important;}
.page-pending{ padding:20px; padding-top:0;}
.page-pending > span{ padding:10px; margin-top:10px;}

/*pending-modal*/
.pending-modal .modal-dialog{ padding-top:100px; width:460px;}
.pending-modal .modal-header{
	height:37px; line-height:37px; font-size:18px; text-align:center; color:#fff; padding:0; padding-top:5px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c78b2', endColorStr='#1ad6fd', gradientType='1');
	background-image: -webkit-linear-gradient(left, #0c78b2, #1ad6fd);
	background-image: -moz-linear-gradient(left, #0c78b2, #1ad6fd);
	background-image: -ms-linear-gradient(left, #0c78b2, #1ad6fd);
	background-image: -o-linear-gradient(left, #0c78b2, #1ad6fd);	
}
.pending-modal .modal-header b.closen{ display:block; position:absolute; width:36px; height:42px; background:url(../images/usercenter/btn-close.png) no-repeat top left; cursor:pointer; top:-21px; right:-18px;}
.pending-modal .modal-body{ background-color:#f9f9f9;}
.pending-modal .modal-body.view > div{ height:50px; line-height:50px; font-size:14px;}
.pending-modal .modal-body.true{ height:130px;}
.pending-modal .modal-body.true > p{ padding-left:40px; padding-right:40px; font-size:14px;}
.pending-modal .modal-body.no > h5{ margin-top:0;}
.pending-modal .modal-body.no > textarea{ height:150px; resize:none;}
.pending-modal .modal-footer{ border-top:0; margin-top:0; text-align:center;}
.pending-modal .modal-footer > button{ padding-left:30px; padding-right:30px;}
.pending-modal .modal-footer > button > span{ position:relative; top:3px; margin-right:10px;}


/*寰俊绱犳潗搴�/
section .right-content .meterial-lib-box {
	border: 1px solid #ddd;
	margin-bottom: 20px;
}
section .right-content .meterial-lib-box .title {
	border-bottom: 1px solid #ddd;
	font-size: 18px;
	color: #555e71;
	line-height: 40px;
	padding: 10px 20px;
}
section .right-content .meterial-lib-box .title .select {
	font-size: 14px;
}
section .right-content .meterial-lib-box .content-box {

}
section .right-content .meterial-lib-box .content-box .form-box {
	padding: 20px 10px;
}
section .right-content .meterial-lib-box .content-box .form-box .btn-save {
	width: 220px;
	margin-right: 15px;
	font-size: 18px;
	padding: 4px 10px;
}


section .right-content .meterial-lib-box .title > aside{ width:450px;}
section .right-content .meterial-lib-box .title > aside button{ padding:9px 12px;}
section .right-content .meterial-lib-box .title > aside button > span{ position:relative; top:-1px;}


/*content-img*/
section .right-content .meterial-lib-box .content-img { padding-left:10px; padding-right:10px; min-height:400px;}
section .right-content .meterial-lib-box .content-img .content-img-input{ padding:10px 5px;}
section .right-content .meterial-lib-box .content-img .content-img-input .select {
	width: 150px;
	float: left;
	margin-left: 10px;
}
section .right-content .meterial-lib-box .content-img .content-img-input:before,section .right-content .meterial-lib-box .content-img .content-img-input:after{ content:""; display:block; clear:both;}
section .right-content .meterial-lib-box .content-img .content-img-input > section{ float:left;}
section .right-content .meterial-lib-box .content-img .content-img-input > section > button:nth-child(2){ padding:9px 12px;}
section .right-content .meterial-lib-box .content-img .content-img-input > section > button:nth-child(2) > span{ position:relative; top:-1px;}
section .right-content .meterial-lib-box .content-img .content-img-input > .select span{ background:none;}
section .right-content .meterial-lib-box .content-img .table thead > tr > th{ height:28px; background-color:#f1f1f1; font-size:12px; color:#8694a0; border:none; border-top:2px solid #e8e8e8 !important;}
section .right-content .meterial-lib-box .content-img .table tbody > tr > td{ height:68px; vertical-align:middle; border-top:none; border-bottom:1px solid #ddd;}
section .right-content .meterial-lib-box .content-img .table .spcheck{ display:inline-block; width:16px; height:16px; background:url(../images/usercenter/icons-checkbox.png) no-repeat 0 0; cursor:pointer; margin-right:24px; position:relative; top:4px;}
section .right-content .meterial-lib-box .content-img .table .spcheck:hover{ background:url(../images/usercenter/icons-checkbox.png) no-repeat -16px 0;}
section .right-content .meterial-lib-box .content-img .table .spcheck.active{ background:url(../images/usercenter/icons-checkbox.png) no-repeat -32px 0;}

/*content-mang*/
section .right-content .meterial-lib-box .content-mang { padding-left:8px; padding-right:8px;}
section .right-content .meterial-lib-box .content-mang > header{ padding:16px 8px; font-size:12px; color:#8694a0;}
section .right-content .meterial-lib-box .content-mang > header h5{ margin:0; padding:0; margin-bottom:5px;} 
section .right-content .meterial-lib-box .content-mang > header p{ font-size:12px;  color:#8694a0;}
section .right-content .meterial-lib-box .content-mang .table{ margin-bottom:0;}
section .right-content .meterial-lib-box .content-mang .table thead > tr > th{ height:28px; background-color:#f1f1f1; font-size:12px; color:#8694a0; border:none; border-top:2px solid #e8e8e8 !important;}
section .right-content .meterial-lib-box .content-mang .table thead > tr > th:nth-child(1){ padding-left:12px;}
section .right-content .meterial-lib-box .content-mang .table thead > tr > th:nth-child(4),section .right-content .meterial-lib-box .content-mang .table thead > tr > th:nth-child(5){ text-align:center;}
section .right-content .meterial-lib-box .content-mang .table tbody > tr > td{ height:68px; vertical-align:middle;}
section .right-content .meterial-lib-box .content-mang .table tbody > tr:nth-child(1) > td{ border-top:none;}
section .right-content .meterial-lib-box .content-mang .table tbody > tr > td:nth-child(1){ width:80px;}
section .right-content .meterial-lib-box .content-mang .table tbody > tr > td:nth-child(4),section .right-content .meterial-lib-box .content-mang .table tbody > tr > td:nth-child(5){ width:70px;}
section .right-content .meterial-lib-box .content-mang .table tbody > tr > td a{ font-size:14px; color:#3bafda;}
section .right-content .meterial-lib-box .content-mang .table .spcheck{ display:block; width:16px; height:16px; background:url(../images/usercenter/icons-checkbox.png) no-repeat 0 0; cursor:pointer; margin-right:24px; position:relative; top:4px; position:relative; margin:auto; top:0; right:0; bottom:0; left:0;}
section .right-content .meterial-lib-box .content-mang .table .spcheck:hover{ background:url(../images/usercenter/icons-checkbox.png) no-repeat -16px 0;}
section .right-content .meterial-lib-box .content-mang .table .spcheck.active{ background:url(../images/usercenter/icons-checkbox.png) no-repeat -32px 0;}


.form-box {
    font-family: microsoft yahei;
    font-size: 14px;
    min-height: 250px;
}
.form-box .form-title {
    float: left;
    height: 32px;
    line-height: 32px;
    margin-right: 30px;
    text-align: right;
    width: 80px;
    color: #555e71;
    position: relative;
}
.form-box .form-title .red-highlight {
    position: absolute;
    right: -10px;
    color: red;
}
.form-box .form-unit-text, .form-box .form-img {
	display: block;
	overflow: hidden;
}
.form-box .form-unit-text, .form-box .form-img .request-text {
    color: #8694a0;
    line-height: 32px;
}
    
.form-box .form-input {
    float: left;
    border: 1px solid #dbdbdb;
    height: 32px;
    margin-right: 15px;
    border-radius: 4px;
    background-color: #fff;
    position: relative;
}
.form-box .form-input.focus, .form-box .form-textarea.focus {
    border-color: #c0c2c3;
}
.form-box .form-input.focus input, .form-box .form-textarea.focus textarea {
    color: #555e71;
}
.form-box .form-input input {
    border: none;
    color: #8694a0;
    height: 20px;
    line-height: 20px;
    margin: 5px 12px;
    width: 220px;
}
.form-box .form-textarea {
    float: left;
    border: 1px solid #dbdbdb;
    margin-right: 15px;
    border-radius: 4px;
    background-color: #fff;
}
.form-box .form-textarea textarea {
    border: none;
    resize: none;
    color: #8694a0;
    width: 300px;
    height: 80px;
    line-height: 20px;
    margin: 6px 12px;
}
.form-box .form-radio {
    color: #555e71;
    height: 32px;
    line-height: 32px;
    float: left;
}
.form-box .form-radio .radio-btn {
    position: relative;
    top: 4px;
    margin-right: 8px;
}
.form-box .form-msg {
    height: 32px;
    line-height: 32px;
    float: left;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
}
.form-box .form-msg.correct {
    background-image: url(../images/usercenter/icon-correct.png);
}
.form-box .form-msg.error {
    background-image: url(../images/usercenter/icon-alert.png);
}
.form-box .form-select {
    width: 246px;
    float: left;
}

.form-box .form-checkbox {
    line-height: 32px;
    float: left;
    margin-left: -9px;
    color: #8694a0;
}
.form-box .form-checkbox .btn-checkbox {
    position: relative;
    top: 3px;
    margin-right: 5px;
    margin-left: 10px;
}

.form-box .form-img .img-box {
    width: 170px;
    height: 170px;
    cursor: pointer;
    margin-left: 0;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.form-box .form-img .img-box .img-default {
    background-color: #fff;
    font-size: 100px;
    text-align: center;
    line-height: 150px;
    width: 100%;
    height: 100%;
    color: #dadada;
    border: 1px dashed #dadada;
    -webkit-transition: all .1s;
    transition: all .1s;
}
.form-box .form-img .img-box:hover .img-default {
    color: #e2e2e2;
}
.form-box .form-img .img-box input[type=file] {
	position: absolute;
	opacity: 0;
	width: 170px;
	height: 170px;
	z-index: 3;
	left: 0;
	top: 0;
	cursor: pointer;
}

.form-box.resource-complete .form-title {
    width: 100px;
}
.form-box.resource-complete .form-input input {
    width: 230px;
}
.form-box.resource-complete .form-textarea textarea {
    width: 400px;
    height: 120px;
}
.form-box.resource-complete .form-select {
    width: 326px;
}

.mul-tag {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 28px;
	line-height: 28px;
	padding: 0px 10px;
	background-color: #fff;
	color: #999;
	font-size: 14px;
	border: 1px solid #dbdbdb;
	cursor: pointer;
}
.mul-tag.active {
	background-color: #0da8db;
	color: #fff;
	border-color: #0da8db;
}
/* 鑷畾涔塼able鏍峰紡 */
.cdsp-table {
    font-size: 14px;
    background-color: #fff;
}
.cdsp-table .no-data {
    font-size: 14px;
    text-align: center;
    line-height: 130px;
    color: #8694a0;
}
.cdsp-table li.t-head {
    background-color: #f1f1f1;
    box-shadow: 0px 1px 0px rgba(0,0,0,.08) inset;
}
.cdsp-table > li.t-head > div:not(:last-child) {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0px 10px;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    color: #8694a0;
}
.cdsp-table > li:not(.t-head):not(.t-foot) > div:not(:last-child) {
    line-height: 19px;
    font-size: 14px;
    word-break: break-word;
}
.cdsp-table > li:not(.t-head):not(.t-foot):not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
    -webkit-transition: background-color .05s;
    -moz-transition: background-color .05s;
    -ms-transition: background-color .05s;
    -o-transition: background-color .05s;
    transition: background-color .05s;
    position: relative;
}
.cdsp-table > li:not(.t-head):not(.t-foot):hover {
    background-color: #f9f9f9;
}
.cdsp-table > li .col-1, .cdsp-table > li .col-2, .cdsp-table > li .col-3, .cdsp-table > li .col-4, .cdsp-table > li .col-5, .cdsp-table > li .col-6, .cdsp-table > li .col-7, .cdsp-table > li .col-8, .cdsp-table > li .col-9, .cdsp-table > li .col-10, .cdsp-table > li .col-11, .cdsp-table > li .col-12, .cdsp-table > li .col-13, .cdsp-table > li .col-14, .cdsp-table > li .col-15, .cdsp-table > li .col-16, .cdsp-table > li .col-17, .cdsp-table > li .col-18, .cdsp-table > li .col-19, .cdsp-table > li .col-20 {
    float: left;
    padding: 15px 10px;
}
.cdsp-table li .col-1 {
    width: 5%;
}
.cdsp-table li .col-2 {
    width: 10%;
}
.cdsp-table li .col-3 {
    width: 15%;
}
.cdsp-table li .col-4 {
    width: 20%;
}
.cdsp-table li .col-5 {
    width: 25%;
}
.cdsp-table li .col-6 {
    width: 30%;
}
.cdsp-table li .col-7 {
    width: 35%;
}
.cdsp-table li .col-8 {
    width: 40%;
}
.cdsp-table li .col-9 {
    width: 45%;
}
.cdsp-table li .col-10 {
    width: 50%;
}
.cdsp-table li .col-11 {
    width: 55%;
}
.cdsp-table li .col-12 {
    width: 60%;
}
.cdsp-table li .col-13 {
    width: 65%;
}
.cdsp-table li .col-14 {
    width: 70%;
}
.cdsp-table li .col-15 {
    width: 75%;
}
.cdsp-table li .col-16 {
    width: 80%;
}
.cdsp-table li .col-17 {
    width: 85%;
}
.cdsp-table li .col-18 {
    width: 90%;
}
.cdsp-table li .col-19 {
    width: 95%;
}
.cdsp-table li .col-20 {
    width: 100%
}


.cdsp-table > li .title {
    color: #555E71;
    font-size: 14px;
    font-family: microsoft yahei;
}
.cdsp-table > li .split {
    border-bottom: 1px solid #EEE;
}
.cdsp-table .text {
    color: #8694a0;
    font-size: 14px;
}